@import "../var";
@import "../mixin";
.order-price-detail {
  padding: 0 px(16);
  .tit-item {
    display: block;
    font-size: px(16);
    padding: px(24) 0 px(6);
  }
  .price-list {
    padding: px(6) 0;
    .price-list-bd {
      padding: px(6) 0;
      .price-item {
        color: $clr-g9;
      }
      .font-orange {
        margin-left: px(78);
      }
    }
    .price-list-dropdown {
      display: none;
      margin: px(2) 0 px(6);
      padding: px(8) px(12);
      background: $clr-conbg;
      color: $clr-g6;
      font-size: px(12);
      text-align: justify;
    }
  }
  .other-list {
    li {
      padding: px(6) 0;
      color: $clr-g9;
    }
    .gzl-flex__item {
      @include ellipsis;
    }
    .price-item {
      margin-left: px(6);
    }
  }
  /** 邮轮提示 **/
  .priceGapTips{
    font-size: px(12);
    color: #999;
    margin-bottom: px(12);
  }
  .cruisePrice-list{
    .cruisePrice-item{
      align-items: center;
      .gzl-flex__item{
        margin-bottom: px(15);
        &:last-child{
          margin-bottom: 0;
        }
        .cabinName{
          font-size: px(14);
          word-break: break-all;
        }
        .cabinDetail{
          font-size: 0;
          span{
            color: #999;
            display: inline-block;
            font-size: px(12);
            margin-right: px(8);
            em{
              &.priceGap{
                color: #f55;
              }
            }
          }
        }
      }
      .priceTotal{
        color: #f55;
      }
    }
  }
}